.slv(@num) {
  /*1. 超出的部分隐藏 */
  overflow: hidden;

  /*2. 文字用省略号替代超出的部分 */
  text-overflow: ellipsis;

  /* 3. 弹性伸缩盒子模型显示 */
  display: -webkit-box;

  /* 4. 限制在一个块元素显示的文本的行数 */
  -webkit-line-clamp: @num;

  /* 5. 设置或检索伸缩盒对象的子元素的排列方式 */
  -webkit-box-orient: vertical;
}
.w {
  width: 92.66667vw;
  margin: 0 auto;
}
header {
  height: 11.33333vw;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  .logo {
    width: 18.66667vw;
    height: 5.6vw;
    background: url(../images/logo.png) no-repeat;
    background-size: 18.66667vw 5.6vw;
    color: transparent;
  }
  i {
    position: absolute;
    top: 4vw;
    left: 26.66667vw;
    font-size: 2.93333vw;
    color: #7c82a0;
  }
  input {
    width: 68vw;
    height: 7.2vw;
    line-height: 7.46667vw;
    background-color: #f0f0f0;
    border-radius: 2.93333vw;
    padding-left: 8.66667vw;
    // 占位符
    &::-webkit-input-placeholder {
      font-size: 2.93333vw;
      position: relative;
      top: 0.26667vw;
      left: 0.66667vw;
    }
  }

  .user {
    width: 6.66667vw;
    height: 6.66667vw;
    img {
      width: 6.66667vw;
      height: 6.66667vw;
    }
  }
}
// banner
.banner {
  height: 53.33333vw;
  width: 100vw;
  img {
    height: 53.33333vw;
    width: 100vw;
  }
}
nav {
  height: 40.93333vw;
  width: 100vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  a {
    width: 20vw;
    height: 20vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    img {
      width: 12vw;
      height: 12vw;
    }
  }
}
.qy_bd {
  .qy_bd_hd {
    height: 10.66667vw;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    h3 {
      font-size: 4.66667vw;
    }

    a {
      font-size: 3.06667vw;
      height: 6.66667vw;
      width: 32vw;
      border-radius: 3.33333vw;
      background-color: #02db94;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: space-around;
      i:first-child {
        transform: rotate(180deg);
      }
    }
  }

  .qy_all_items {
    display: flex;
    flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    .qy_item {
      height: 63.33333vw;
      width: 44.66667vw;
      img {
        width: 44vw;
        height: 44vw;
      }
      p {
        color: #000000;
        font-size: 3.06667vw;
        .slv(2);
      }
      span {
        height: 10.66667vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
        p {
          color: #d0d0cf;
        }
        i {
          padding-right: 0.66667vw;
        }
      }
    }
  }
}
